
// 详情权限和隐私弹出层----------------------------------------------
//rule权限说明
var ruleHtml = '';
ruleHtml += '<div class="gRule hide layertanbox">'
	ruleHtml += '<div class="ruleTxt textbox">'
	ruleHtml += '<div class="gRclose close"> </div>'
	ruleHtml += '<div class="oTitle"><p>权限说明</p></div>'           
	ruleHtml += '<div class="text">'
	ruleHtml += '<p>此应用程序需要访问以下内容</p><strong>写入外部存储</strong>'
	ruleHtml += '<p>允许程序写入外部存储，如SD卡上写文件</p>'
	ruleHtml += '<strong>完全的网络访问权限</strong>'
	ruleHtml += '<p>允许该应用创建网络套接字和使用自定义网络协议。浏览器和其他某些应用提供了向互联网发送数据的途径，因此应用无需该权限即可向互联网发送数据</p><strong>拍摄照片和视频</strong>'
	ruleHtml += '<p>允许访问摄像头进行拍照或录制视频</p>'
	ruleHtml += '<strong>读取手机状态和身份</strong>'
	ruleHtml += '<p>允许应用访问设备的电话功能。此权限可让应用确定本机号码和设备ID、是否正处于通话状态以及拨打的号码。</p><strong>查看网络状态</strong>'
	ruleHtml += '<p>允许应用程序查看所有网络的状态。例如存在和连接的网络</p>'
	ruleHtml += '<strong>查看WLAN状态</strong>'
	ruleHtml += '<p>允许程序访问WLAN网络状态信息</p>'
	ruleHtml += '<strong>控制震动</strong>'
	ruleHtml += '<p>允许应用控制振动设备</p>'
	ruleHtml += '<strong>拨打电话</strong>'
	ruleHtml += '<p>允许一个程序初始化一个电话拨号不需通过拨号用户界面需要用户确认，应用程序执行可能需要您付费</p>'
	ruleHtml += '</div>'
	ruleHtml += '<div class="gSure closebtn">我知道了</div>'
	ruleHtml += '</div>'
	ruleHtml += '</div>'
if($('.gPower').length>0){$('body').append(ruleHtml);}
$(".gPower").on('click', function () { $(".gRule").show();});
$(".gSure , .gRclose").on('click', function () { $(".gRule").hide();});
//Privacy隐私说明
var privacyHtml = '';
     privacyHtml += '<div class="gPrivacy hide layertanbox">'
	 privacyHtml += '<div class="privacyTxt textbox">'
	 privacyHtml += '<div class="gPclose close"> </div>'
	 privacyHtml += '<div class="oTitle"><p>隐私说明</p></div>'
	 privacyHtml += '<div class="text">'
	 privacyHtml += '<p>严格遵守法律法规，遵循以下隐私保护原则，为您提供更加安全、可靠的服务：</p>'
	 privacyHtml += '<strong>1、安全可靠：</strong> '
	 privacyHtml += '<p>我们竭尽全力通过合理有效的信息安全技术及管理流程，防止您的信息泄露、损毁、丢失。</p> ' 
	 privacyHtml += '<strong>2、自主选择：</strong> ' 
	 privacyHtml += '<p>我们为您提供便利的信息管理选项，以便您做出合适的选择，管理您的个人信息</p> ' 
	 privacyHtml += '<strong>3、保护通信秘密：</strong>'  
	 privacyHtml += '<strong>4、合理必要：</strong> ' 
	 privacyHtml += '<p>为了向您和其他用户提供更好的服务，我们仅收集必要的信息。</p>'
	 privacyHtml += '<strong>5、清晰透明：</strong> ' 
	 privacyHtml += '<p>我们努力使用简明易懂的表述，向您介绍隐私政策，以便您清晰地了解我们的信息处理方式。</p>'
	 privacyHtml += '<strong>6、将隐私保护融入产品设计：</strong>  '
	 privacyHtml += '<p>我们在产品和服务研发、运营的各个环节，融入隐私保护的理念。</p>'
	 privacyHtml += '<strong>本《隐私政策》主要向您说明：</strong>  '
	 privacyHtml += '<p>我们收集哪些信息 我们收集信息的用途 您所享有的权利</p>'
	 privacyHtml += '<strong>希望您仔细阅读《隐私政策》</strong>  '
	 privacyHtml += '<p>为了让您有更好的体验、改善我们的服务或经您同意的其他用途，在符合相关法律法规的前提下，我们可能将通过某些服务所收集的信息用于我们的其他服务。例如，将您在使用我们某项服务时的信息，用于另一项服务中向您展示个性化的内容或广告、用于用户研究分析与统计等服务。</p>'
	 privacyHtml += '<p>若您使用服务，即表示您认同我们在本政策中所述内容。除另有约定外，本政策所用术语与《服务协议》中的术语具有相同的涵义。</p>'
	 privacyHtml += '<p>如您有问题，请联系我们。</p>'
	 privacyHtml += '</div>'
	 privacyHtml += '<div class="gSure closebtn">我知道了</div>'
	 privacyHtml += '</div>'
	 privacyHtml += '</div>'
if($('.gSecret').length>0){$('body').append(privacyHtml);}
$(".gSecret").on('click', function () { $(".gPrivacy").show();});
$(".gSure , .gPclose").on('click', function () { $(".gPrivacy").hide();});

// 详情权限和隐私弹出层----------------------------------------------end


// feedback
var feBaHtml = '';
feBaHtml +=`<div class="feedBack hide layertanbox">
		<div class="feBackBox textbox">
		<div class="feBaClose close"> </div>
		<div class="oTitle"><p>投诉反馈</p></div>
		<div class="feBack">
		<span>选择反馈的类型（必选）</span>
		<div class="info">
		<div class='checkbox'> <input type='checkbox' id='checkbox1' data-value="1" name='checkbox[]'> <label for='checkbox1'>无法安装</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox2' data-value="2" name='checkbox[]'> <label for='checkbox2'>无法更新</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox3' data-value="3" name='checkbox[]'> <label for='checkbox3'>闪退/停止运行</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox4' data-value="4" name='checkbox[]'> <label for='checkbox4'>无法启动/黑屏</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox5' data-value="5" name='checkbox[]'> <label for='checkbox5'>功能异常</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox6' data-value="6" name='checkbox[]'> <label for='checkbox6'>版本太旧</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox7' data-value="7" name='checkbox[]'> <label for='checkbox7'>色情、暴力内容</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox8' data-value="8" name='checkbox[]'> <label for='checkbox8'>恶意扣费</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox9' data-value="9" name='checkbox[]'> <label for='checkbox9'>有病毒</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox10' data-value="10" name='checkbox[]'> <label for='checkbox10'>政治敏感</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox11' data-value="11" name='checkbox[]'> <label for='checkbox11'>侵犯版权</label></div>
		<div class='checkbox'> <input type='checkbox' id='checkbox12' data-value="12" name='checkbox[]'> <label for='checkbox12'>其他</label></div>
		</div>
		<span>描述您所遇到的问题~</span>
		<div class="otherRe">
		<textarea name="remake" placeholder="请输入补充说明"></textarea>
		<form action="">
		<div class="photos">
		<div class="photoInput">
		<p>+</p><p>上传图片</p>
		<input type="file" accept="image/*" multiple  name="uploader-input" class="uploader-file" id="upload">
		</div>
		<div class="photoList"></div>
		</div>
		</form>
		</div>
		<span>联系方式</span> 
		<div class="telBox"><input type="text" name="tel" placeholder="请输入正确的手机号码"> </div>
        <span>联系邮箱</span> 
		<div class="telBox"><input type="text" name="email" placeholder="请输入正确的电子邮箱"> </div>
		</div>
		<div class="feSubmit"> <input type="button" class="submit" name="submit" value="提交反馈"></div>		
		</div></div>`
if($(".feBaBtn").length>0){$("body").append(feBaHtml);}
$(".feBaBtn").on('click', function () { $(".feedBack").show();});
$(".feBaClose").on('click', function (e) { let ev = e || window.event; if(ev && ev.stopPropagation){ev.stopPropagation(); }else{ev.cancelBubble = true;  }$(".feedBack").hide();});

// img
function getObjectURL(file) {  
		 var url = null;   
		 if (window.createObjectURL!=undefined) {  
		  url = window.createObjectURL(file) ;  
		 } else if (window.URL!=undefined) { // mozilla(firefox)  
		  url = window.URL.createObjectURL(file) ;  
		 } else if (window.webkitURL!=undefined) { // webkit or chrome  
		  url = window.webkitURL.createObjectURL(file) ;  
		 }  
		 return url ;  
}
if($(".feBaBtn").length>0){
	document.getElementById('upload').addEventListener('change', function (event) {
		var fileList = $(this)[0].files[0];
		if (!(fileList.type.indexOf('image') == 0 && fileList.type && /\.(?:jpg|png|gif|jpeg)$/.test(fileList.name))) {
			layer.msg('图片只能是jpg,gif,png');
			return;
		}
		var photoSrc = getObjectURL(this.files[0]);
		if (photoSrc) {
			$('.photoList').append(` <p><img src="${photoSrc}" /></p>`);
		} else {
			layer.msg('上传失败');
		}
		var $file = event.currentTarget;
		var formData = new FormData();
		var file = $file.files;
		for (var i = 0; i < file.length; i++) {
			formData = new FormData();
			formData.append('file', file[i]);
			console.log(formData)
			// $.ajax({
			// 	url: '/downs/upload/',
			// 	type: 'POST',
			// 	dataType: 'json',
			// 	data: formData,
			// 	contentType: false,
			// 	processData: false
			// })
			// .done(data => {
			// 	$('.photoList').append(` <img src="${data.url}" />`);
			// })
			// .fail(data => {
			// 	console.log(data);
			// });



		}
	});
	
}

$(".submit").click(function () {
	let tel_num = $.trim($(".telBox input[name='tel']").val());
	let email_num = $.trim($(".telBox input[name='email']").val());
	// let game_id = $.trim($("input[name='game_id']").val());
	// let game_name = $.trim($("input[name='game_name']").val());
	// let type_info = $.trim($("input[name='type_info']").val());
	// let system = $.trim($("input[name='system_version']").val());
	// let classify = $.trim($("input[name='classify']").val());
	let reason = "";
	$(".feBack input[name='checkbox[]']:checked").each(function (k, v) {
		reason += ',' + $(v).data('value')
	})
	let remake = $.trim($(".feBack textarea[name='remake']").val());
	if ((!reason) && (!remake)) {
		alert('请选择反馈原因！');
		return;
	}
	let tel = isPoneAvailable(tel_num);
	if (!tel) {
		alert('请输入正确的手机号码!');
		return;
	}	
    let emall = isemail(email_num);
    if (!emall) {
		alert('请输入正确的电子邮箱!');
		return;
	}	
	var photoStr = "";
	$(".photoList img").each(function() {
		var listSrc = $(this).attr("src");
		photoStr += listSrc + ",";
	 });
	$.ajax({
		url: '/downs/feedback/',  //我们自己的接口修改成
		type: 'POST',
		data: {
			'reason': reason,  //反馈类型
			'tel': tel_num,   //反馈手机号
			'remake': remake,  //反馈补充说明
			'img_urls':photoStr,  //反馈图
			'email':email_num  //电子邮箱
		},
		success: function (data) {
			res = $.parseJSON(data);
			if (res.code == 200) {
				alert('反馈成功,谢谢您！');
				$(".feedBack").hide();
		
			} else{
				alert(res.msg);
				$(".feedBack").hide();
				return;
			}
		}
	});
})	
function isPoneAvailable(tel) {  
	var myreg=/^[1][3,4,5,6,7,8,9][0-9]{9}$/;
	if (!myreg.test(tel)) { 
		return false;
	} else {  
		return true; 
	}  
}

function isemail(email) {  
	var myemail=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+$/;
	if (!myemail.test(email)) { 
		return false;
	} else {  
		return true; 
	}  
}


	// 手机预约
	var orderHtml = '';
		orderHtml +='<div class="orderList hide layertanbox">'
		orderHtml +='<div class="orderBox textbox">'
		orderHtml +='<div class="oClose close"></div>'
		orderHtml +='<div class="oOrder">'
		orderHtml +='<div class="oTitle"><p>游戏预约</p></div>'
		orderHtml +='<form action="" method="post">'
		orderHtml +='<div class="oTelBox"><input type="text" name="tel" placeholder="请填写预约游戏手机号" class="tel "/></div>'
		orderHtml +='<span class="msg"></span>'
		orderHtml +='<p>游戏正式上线前，我们将通过<em>预约短信</em>提醒您</p>'
		orderHtml +='<p>填写的手机号仅用于游戏开测提醒</p>'
		orderHtml +='<input type="button" name="btn" value="立即预约" class="oBtn" id="oBtn" />'
		orderHtml +='</form>'
		orderHtml +='</div>'
		orderHtml +='<div class="oWin  hide"><i></i><strong>预约成功，请等待通知！</strong><span class="oKnow">知道了</span></div>'
		orderHtml +='<div class="oAgin hide"><i></i><strong>您已预约，请等待通知！</strong><span class="oKnow">知道了</span></div>'
		orderHtml +='</div></div>'
		 
	if($('.orderBtn').length>0){ $('body').append(orderHtml);}
	$('.orderBtn').on('click', function() {$(".orderList").show();});
	$('.orderList').find('.oClose').on('click', function() {$(".orderList").hide();});
	$('.orderList').find('.oKnow').on('click', function() {$(".orderList").hide();});
	function telResult(telText){
		var telText = $('.tel').val(),result = isPoneAvailable(telText);//判断手机是否正确
	    if(result===false){
	        $('.orderBox .tel').css({'color':'#ff3232','border-color':'#ff3232'});
	        $('.orderBox .msg').text("*请输入正确手机号码")
			$('.orderBox .msg').css({'content':'"*请输入正确手机号码"','color': '#ff3232','font-size':'14px','text-align': 'left','display': 'block','width':'400px','margin': '0 auto'});
	        return false;
	    }else{
	        $('.orderBox .tel').css({'color':'#333','border-color':'#d2d2d2'});
	        $('.orderBox .msg').text("")
	        return true;
	    }
	}
	$(".oBtn").click(function () {
	    var telText = $('.tel').val();
	    telResult(telText);
	    $.ajax({
	        url:"/downs/reservation/",  //请填写预约的接口
	        type: 'post',
	        data:{
	            'phone':telText,
	        },
	       success:function (res) {
	            let result =  JSON.parse(res); 
	            if (result.code==0){
	                $('.msg').text(result.msg)
	                $('.msg').css({'content':'"+result.msg+"','color': '#ff3232','font-size':'14px','text-align': 'left','display': 'block','width':'326px','margin': '0 auto'});
	                return false;
	            }else if(result.code== 200){  //预约成功
					$(".oOrder").hide();
					$(".oWin").show();
	            }else if(result.code== 300){  //已经预约
					$(".oOrder").hide();
	                $(".oAgin").show();
	            } 
	        }
	    })
	})
	$('body').delegate('.tel','blur',function(){ telResult();});



$(".textbox").click(function(obj,evt){
	stopNextEvent(evt)
})
$(".layertanbox").click(function(obj,evt){
	$(".layertanbox").hide();
})
 //阻止事件冒泡
function stopNextEvent(evt) {
    var e = (evt) ? evt : window.event;
    if (window.event) {
        e.cancelBubble = true;// ie下阻止冒泡
    } else {
        //e.preventDefault();
        e.stopPropagation();// 其它浏览器下阻止冒泡
    }
}
